<!DOCTYPE html>

<html>

	<head>

		<title>Lane-Assist-Prototyp_a08</title>

		<link href="css/twoColElsLtHdr.css" rel="stylesheet" type="text/css" />

		<!--Include von jQuery-->
		<script type="text/javascript" src="libs/jquery-1.9.0.js"></script>
		<!--Include von Three.js-->
		<script type="text/javascript" src="libs/three.js"></script>
		<!--Include von Statsjs zur Kontrolle der FPS-->
		<script type="text/javascript" src="libs/stats.js"></script>
		<!--Include von Physijs zur Physiksimulation-->
		<script type="text/javascript" src="libs/physi.js"></script>
		<!--Include von DatGui zur Kontrolle der Eingabeparameter-->
		<script type="text/javascript" src="libs/dat.gui.js"></script>
		<!--Include von DatGui zur Kontrolle der Eingabeparameter-->
		<script type="text/javascript" src="js/gui.js"></script>
		<!-- Include der Chroma.js-Libary zur Farbverwaltung-->
		<script type="text/javascript" src="libs/chroma.js"></script>
		<!-- Include spezifischer Kamerasteuerung-->
		<script type="text/javascript" src="libs/OrbitControls.js"></script>
		<!-- Include von Standardmaterialien in Form von Three.js-Materialien-->
		<script type="text/javascript" src="js/MatLibThree.js"></script>
		<!-- Include von Standardmaterialien in Form von physi.js-Materialien-->
		<script type="text/javascript" src="js/MatLibPhysi.js"></script>
		<!-- Include von KeyboardState.js zur Aufnahme von Tastatureingaben-->
		<script type="text/javascript" src='libs/threex.keyboardstate.js'></script>
		<!-- Include von KeyboardState.js zur Aufnahme von Tastatureingaben-->
		<script type="text/javascript" src='libs/THREEx.FullScreen.js'></script>
		<!-- Include von Tween.js zur Aufnahme von Tastatureingaben-->
		<script type="text/javascript" src='libs/Tween.js'></script>

		<!-- Include von fahrzeug.js-->
		<script type="text/javascript" src='js/renderer.js'></script>
		<!-- Include von fahrzeug.js-->
		<script type="text/javascript" src="libs/JSONLoader.js"></script>
		<!-- Include von fahrzeug.js-->
		<script type="text/javascript" src='js/fahrzeug.js'></script>
		<!-- Include von fahrzeug.js-->
		<script type="text/javascript" src='js/fahrverhalten.js'></script>
		<!-- Include von fahrzeug.js-->
		<script type="text/javascript" src='js/umgebung.js'></script>
		<!-- Include von skybox.js-->
		<script type="text/javascript" src='js/skybox.js'></script>
		<!-- Include von skybox.js-->
		<script type="text/javascript" src='js/verfolgerLicht.js'></script>
		<!-- Include von Lichtquelle-->
		<script type="text/javascript" src='js/hemisphaerenLicht.js'></script>
		<!-- Include von main.js-->
		<script type="text/javascript" src='js/main.js'></script>
		<!-- Include von main.js-->
		<script type="text/javascript" src='js/modus.js'></script>
		<!-- Include von main.js-->
		<script type="text/javascript" src='js/geschwindigkeitsKontrolle.js'></script>
		<!-- Include von main.js-->
		<script type="text/javascript" src='js/abschnittsTrigger.js'></script>

		<!-- //////////////Postprocessing-Imports////////////////////////-->
		<!-- Include von EffectComposer.js-->
		<script type="text/javascript" src="libs/EffectComposer.js"></script>
		<!-- Include von ShaderPass.js-->
		<script type="text/javascript" src="libs/ShaderPass.js"></script>
		<!-- Include von RenderPass.js-->
		<script type="text/javascript" src="libs/RenderPass.js"></script>
		<!-- Include von MaskPass.js-->
		<script type="text/javascript" src="libs/MaskPass.js"></script>
		<!-- Include von CopyShader.js-->
		<script type="text/javascript" src="libs/CopyShader.js"></script>

		<!-- Include von BleachBypassShader.js-->
		<script type="text/javascript" src="libs/shaders/BleachBypassShader.js"></script>
		<!-- Include von FXAAShader.js-->
		<script type="text/javascript" src="libs/shaders/FXAAShader.js"></script>
		<!-- Include von FocusShader.js-->
		<script type="text/javascript" src="libs/shaders/FocusShader.js"></script>
		<!-- Include von VignetteShader.js-->
		<script type="text/javascript" src="libs/shaders/VignetteShader.js"></script>
		<!-- Include SSAOShader-->
		<script type="text/javascript" src="libs/shaders/SSAOShader.js"></script>

		<!--Include von jQuery-->
		<script type="text/javascript" src="js/iifeTest.js"></script>
		<!--Include von jQuery-->
		<script type="text/javascript" src="js/iifeTest.js"></script>
		<!--Include von jQuery-->
		<script type="text/javascript" src="js/iifeTest.js"></script>
		<!--Include von jQuery-->
		<script type="text/javascript" src="js/iifeTest.js"></script>
		<!--Include von jQuery-->
		<script type="text/javascript" src="libs/AnaglyphEffect.js"></script>

		<link href="menu_source/styles.css" rel="stylesheet" type="text/css">
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type='text/javascript' src='menu_source/menu_jquery.js'></script>

		<!--Source-Code der Main aufrufen-->
		<script type="text/javascript">
			'use strict';
			// Zum Beginn initScene aufrufen
			window.onload = function() {
				init();

				document.getElementById('viewport').addEventListener("contextmenu", function(event) {
					event.preventDefault();

				});

				var mouseDown = false;

				document.getElementById('viewport').addEventListener("mousedown", function(event) {
					mouseDown = true;
					switch (event.which) {
						case 1:
							laneAssist.laneAssistAktiv = false;
							blinker_links = true;
							blinker_rechts = false;
							blinkerVorneSprite_links.visible = true;
							blinkerSeiteSprite_links.visible = true;
							blinkerHintenSprite_links.visible = true;
							break;
						case 2:
							blinker_links = false;
							blinker_rechts = false;
							break;
						case 3:
							laneAssist.laneAssistAktiv = false;
							blinker_links = false;
							blinker_rechts = true;
							blinkerVorneSprite_rechts.visible = true;
							blinkerSeiteSprite_rechts.visible = true;
							blinkerHintenSprite_rechts.visible = true;
							break;
						default:
							console.log('Undefinierte Maustaste');
					}
				});
				document.getElementById('viewport').addEventListener("mouseup", function(event) {
					mouseDown = false;
					switch (event.which) {
						case 1:
							zuNullLenken();
							break;
						case 2:
							break;
						case 3:
							zuNullLenken();
							break;
						default:
							console.log('Undefinierte Maustaste');
					}
				});

				$(window).bind('mousewheel', function(event) {
					if (event.originalEvent.wheelDelta >= 0) {
						beschleunigen(1);
					} else {
						abbremsen(2);
					}
				});


				};
		</script>
	</head>

	<body>

		<div id="container">
			<div id="header">
				<h1>Audi Assistenzsysteme</h1>
				<!-- end #header -->
			</div>
			<div id="beschreibung">
				<p></p>
				<p>
					So funktioniert es.
				</p>
				<h1>Einstellungen im MMI.</h1>
				<p></p>
				<p>
					Im MMI stellt der Fahrer ein, wann ein Lenkeingriff erfolgen soll und ob er eine Vibrationswarnung w&uuml;nscht.
				</p>
			</div>
			<div id="anwendung">
				<div id="sidebar1">
					<h3>Active-Lane-Assist</h3>
					<div id='cssmenu'>
						<ul>
							<li class="active">
								<a onclick="modus('ohne')">
									<span>Ohne Assistenz fahren</span>
								</a>
							</li>
							<li class='has-sub'>
								<a onclick="modus('frueh')"><span>Lenkzeitpunkt "Fr&uuml;h"</span></a>
								<ul >
									<p>
										Audi active lane assist unterst&uuml;tzt den Fahrer kontinuierlich bei der Spurhaltung durch zentrierende Lenkeingriffe Richtung Spurmitte.
									</p>
									<li class='last'></li>
								</ul>
							</li>
							<li class='has-sub'>
								<a onclick="modus('spaet')"><span>Lenkzeitpunkt "Sp&auml;t"</span></a>
								<ul>
									<p>
										Audi active lane assist weist den Fahrer auf ein m&ouml;gliches &Uuml;berfahren einer Spurmarkierung hin und gibt dabei die Lenkrichtung vor. Dies ist die Grundeinstellung des Systems.
									</p>
									<li class='last'></li>
								</ul>
							</li>
							<li class='has-sub'>
								<a><span>Lenkradvibration</span></a>
								<ul>
									<p>
										Auf Wunsch kann der Fahrer eine Lenkradvibration einschalten, die ihn beim &Uuml;berfahren der Begrenzungslinie warnt.
									</p>
									<li class='last'>
										<input onclick="modus('Lenkradvibration')" type="checkbox" id="lenkradvibration">
										Aktivieren
										<br>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- end #sidebar1 -->
				</div>
				<div id="viewport">
					<div id="hud" style="z-index: 2">
						<div id="hudModus">Bitte Modus w&auml;hlen   </div>
						<div id="hudGeschwindigkeit">0Km/h</div>
					</div>
					<!-- end #mainContent -->
				</div>
				<!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. -->
				<br class="clearfloat" />
			</div>
			<!-- <div id="footer"> -->
				<!-- <p> -->
					<!-- Fusszeile -->
				<!-- </p> -->
				<!-- end #footer -->
			<!-- </div> -->
			<!-- end #container -->
		</div>

	</body>

</html>
